import React from 'react';
import './MonitoringList.less';

const MonitoringList: React.FC = () => {
    const data = [
        { point: '监测点1', type: '东西位移', value: '10.2', purpose: '变形', time: '05-10 15:00' },
        { point: '监测点2', type: '东西位移', value: '10.2', purpose: '变形', time: '05-10 15:00' },
        { point: '监测点3', type: '东西位移', value: '10.2', purpose: '变形', time: '05-10 15:00' },
        { point: '监测点4', type: '东西位移', value: '10.2', purpose: '变形', time: '05-10 15:00' }
    ];

    return (
        <div className="monitoring-list">
            <div className="list-header">
                <span>监测点</span>
                <span>类型</span>
                <span>监测目的</span>
                <span>监测数值</span>
                <span>监测时间</span>
            </div>
            {data.map((item, index) => (
                <div className="list-item" key={index}>
                    <span>{item.point}</span>
                    <span>{item.type}</span>
                    <span>{item.purpose}</span>
                    <span>{item.value}</span>
                    <span>{item.time}</span>
                </div>
            ))}
        </div>
    );
};

export default MonitoringList;
